<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">
  
    <ui:composition template="/template/pPrincipalSecundario.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
		</ui:define>
		<ui:define name="titulopagina">
			<h:outputText value="CONSULTA DE PRODUCTOS DE CLIENTES" />
		</ui:define>
		<ui:define name="bodyarea">
			<f:event type="preRenderView" listener="#{consultaProductosClientesController.onPageLoad}"/>
			<p:messages id="messageConsultaProductosCliente" showDetail="true" closable="true" />
			<h:panelGrid width="100%" id="idContentMain">
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
					styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
					<f:facet name="header">
						<h:outputText value="Criterio de Búsqueda" />
					</f:facet>
					<h:panelGrid id="pgCriterios" columns="4">
						<h:outputText value="Tipo Producto :" styleClass="texto" />
						<p:selectOneMenu id="cmbTipoProducto" value="#{consultaProductosClientesController.consultaProductosClientesModel.tipoProducto}" >
							<f:selectItems value="#{comboModel.listaCbxCategoriaProductos}"/>
							<p:ajax event="change" listener="#{consultaProductosClientesController.changeProducto}" update=":formPrincipal:pgCriterios"/>
						</p:selectOneMenu>
						
						<h:outputText value="SubTipo Producto :" styleClass="texto" />
						<p:selectOneMenu id="cmbSubTipoProducto" value="#{consultaProductosClientesController.consultaProductosClientesModel.subTipoProducto}">
							<f:selectItems value="#{consultaProductosClientesController.consultaProductosClientesModel.listaSubTipoProducto}"/>
						</p:selectOneMenu>
							
						<h:outputText value="Asesor :" styleClass="texto" />
						<p:selectOneMenu id="cmbAsesor" value="#{consultaProductosClientesController.consultaProductosClientesModel.codigoAsesor}">
							<f:selectItems value="#{comboModel.listaAsesores}"/>
						</p:selectOneMenu>
						
						<p:commandButton id="idBtnBuscarConsultaProductosClientes" icon="ui-icon-search" value="Buscar"
							 actionListener="#{consultaProductosClientesController.buscarCliente}" 
							 update=":formPrincipal:pgResultados,:formPrincipal:messageConsultaProductosCliente"/>
					</h:panelGrid>
				</h:panelGrid>	
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5"
					styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
					<f:facet name="header">
						<h:outputText value="Resultados" />
					</f:facet>
					<h:panelGrid id="pgResultados" width="100%">
						<p:dataTable id="tableConsultaProductosCliente" 
							 paginator="true" rows="10" 
							 styleClass="styleDataTableWrapNormal" 
							 rowIndexVar="rowIndex"
							 rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}" 
				 			 emptyMessage="NO EXISTE INFORMACIÓN SEGÚN LOS CRITERIOS DE BÚSQUEDA INGRESADOS."
							 value="#{consultaProductosClientesController.consultaProductosClientesModel.listaConsultaGeneral}" var="fila">
							<p:columnGroup type="header">
								<p:row>
									<p:column colspan="1" headerText="Nombre Cliente"/>
									<p:column colspan="1" headerText="Doc."/>
									<p:column colspan="1" headerText="Nro. Doc."/>
									<p:column colspan="1" headerText="Descripción Producto"/>
									<p:column colspan="1" headerText="Contrato"/>
									<p:column colspan="1" headerText="Mon"/>
									<p:column colspan="1" headerText="Saldo"/>
									<p:column colspan="1" headerText="Retenido"/>
									<p:column colspan="1" headerText="Disponible"/>
									<p:column colspan="1" headerText=""/>
								</p:row>
							</p:columnGroup>	
							<p:column>
								<h:outputText value="#{fila.nomCliente}"/>
							</p:column>	
							<p:column>
								<h:outputText value="#{fila.desctipodoc}"/>
							</p:column>	
							<p:column>
								<h:outputText value="#{fila.nrodoc}"/>
							</p:column>	
							<p:column>
								<h:outputText value="#{fila.descripcionproducto}"/>
							</p:column>	
							<p:column>
								<h:outputText value="#{fila.codcontrato}"/>
							</p:column>	
							<p:column>
								<h:outputText value="#{fila.monedaorigen}"/>
							</p:column>	
							<p:column styleClass="styleAlignRightColumn">
								<h:outputText value="#{fila.saldoactualorigen}"/>
							</p:column>	
							<p:column styleClass="styleAlignRightColumn">
								<h:outputText value="#{fila.saldoretenidoorigen}"/>
							</p:column>	
							<p:column styleClass="styleAlignRightColumn">
								<h:outputText value="#{fila.saldodisponibleorigen}"/>
							</p:column>	
							<p:column id="colAsesor">
								<ui:fragment rendered="#{not empty fila.nomAsesor }" >
									<h:graphicImage id="colAsesorImg" value="/imagenes/iconos/ejecutivos.gif">
										<p:tooltip for="colAsesorImg" value="#{fila.nomAsesor}"/>
									</h:graphicImage>
								</ui:fragment>
							</p:column>
						</p:dataTable>			 
					</h:panelGrid>
				</h:panelGrid>
			</h:panelGrid>
			<p:blockUI block=":formPrincipal:idContentMain" trigger=":formPrincipal:idBtnBuscarConsultaProductosClientes">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
		</ui:define>
	</ui:composition>
</html>			
